<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 这个例子演示了如何设置使用百分比值的下边距，相对于包含的元素的宽度。 */
        p.bottommargin {
            margin-bottom: 25%;
        }
    </style>
</head>

<body>

    <p>这是一个没有指定边距大小的段落。</p>
    <p class="bottommargin">这是一个指定下边距大小的段落。</p>
    <p>这是一个没有指定边距大小的段落。</p>

</body>

</html>